import React from 'react'
import {Routes,Route,Navigate} from 'react-router-dom'
import Like from '../../pages/Like'
import Recommend from '../../pages/Recommend'
import Download from '../../pages/Download'
import Video from '../../pages/Video'
import SongList from '../../pages/SongList'
import './index.css'

export default function Container() {
  return (
    <div id='container'>
    <Routes>
      <Route path="/recommend" element={<Recommend/>}></Route>
      <Route path="/like" element={<Like/>}></Route>
      <Route path="/video" element={<Video/>}></Route>
      <Route path="/download" element={<Download/>}></Route>
      <Route path="/songlist" element={<SongList/>}></Route>
      <Route path="/" element={<Navigate to="/recommend"/>}></Route>
    </Routes>
    </div>
  )
}
